@import "public.less";
@import "button.less";

.center{
    .user-head{
        position: relative;
        .name{
            position: absolute;
            width: 100%;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); 
            overflow: hidden;
            padding:0 18px;
            color: @white;
            img{
                .wh2x(146px,146px);
                margin-right: 10px;
                border-radius: 50%; 
            }
            div h3{
                .fontSize(37.89px);
                padding-top: 10px;
            }
            div p{
                .fontSize(28px);
                color: #c3c2c2;
            }
        }
        
    }
    
    .mui-table-view{
        &:after{
            background: transparent;
            
        }
        .mui-table-view-cell.mui-active{
            background: transparent;
        }
        .mui-table-view-cell.tile{
            .fontSize(30px);
        }
        color: #313131;
        .fontSize(32.02px);
        .icon{
            margin:0 auto;
            text-align: center;
            position: relative;
            span{
                display: block;
                position: absolute;
                left: 50%;
                top: -10px;
                background: @red;
                border-radius: 50%;
                .fontSize(24px);
                color: @white;
                .wh2x(40px,40px);
                z-index: 2;
            }
            p{
                color: #313131;
                .fontSize(24px);
            }
            div{
                margin:0 auto;
                min-height: 25px;
                text-align: center;
                position: relative;
                z-index: 1;
                img{
                    display: block;
                    margin:0 auto;
                    position: absolute;
                    bottom: 2px;
                    left: 50%;
                }
            }
            .obligation img{
                .wh2x(48px,36px);
                margin-left: -48px/4;
            }
            .delivery img{
                .wh2x(56px,43px);
                margin-left: -56px/4;
            }
            .appraise img{
                .wh2x(47px,43px);
                 margin-left: -47px/4;
            }
            .allorder img{
                .wh2x(41px,44px);
                 margin-left: -41px/4;
            }
            .coupon img{
                .wh2x(52px,35px);
                 margin-left: -52px/4;
            }
            .manage img{
                .wh2x(43px,46px);
                 margin-left: -43px/4;
            }
            .payment img{
                .wh2x(36px,46px);
                 margin-left: -36px/4;
            }
            .refund img{
                .wh2x(34px,45px);
                 margin-left: -34px/4;
            }
            
        }
    }
    .mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after{
        color: #C4C4C4;
    }
    
    .mui-table-view-cell:after{
        background-color: #ebebeb;
    }
    .mui-table-view:before{
        display: none;
    }
}

    .main {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.head-cover {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
}
.head-cover span {
    transform-origin: top center;
    animation-fill-mode: forwards;
}

.content {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    animation-fill-mode: forwards;
}

.ui-placehold-img {
    width: 100%;
    -webkit-transform-origin: top center;
    animation-fill-mode: forwards;
}

.ui-placehold-img>span {
    background-position: center bottom;
    background-size: 100%;
}

.notice {
    width: 100%;
    height: 200px;
    display: -webkit-box;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    text-align: center;
    bottom: -200px;
}
.ui-placehold-img{
    height: 150px;
}
.ui-placehold-img{
    position: relative;
}
.ui-placehold-img span{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    height: 100%;
    width: 100%;
    background:url(../icon/center.png) no-repeat left top; background-size: cover;
}
